<template>
  <el-dialog width="740px" v-model="showDialog" :close-on-click-modal="false" :modal-append-to-body="false"
    :close-on-press-escape="false">
    <template #header>
      <slot name="PopupDialogTitle"></slot>
    </template>
    <div class="container">
      <slot name="popupDialogContainer"></slot>
    </div>
    <template #footer>
      <span class="dialog-footer">
        <slot name="extendBtn"></slot>
        <el-button @click="showDialog = false">关闭</el-button>
      </span>
    </template>
  </el-dialog>
</template>

<script setup>
// core
import { ref } from "vue";

const showDialog = ref(false);

/**
 * 父组件调弹框显示方法
 */
const show = () => {
  showDialog.value = true;
};

defineExpose({ show });
</script>
